<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title id="title">修德抄经堂</title>
		<link rel="stylesheet" type="text/css" href="../bower_components/mui/dist/css/mui.css">	
		<link rel="stylesheet" type="text/css" href="../css/base.css">
		<link rel="stylesheet" type="text/css" href="../css/full.css">
		<script src="../bower_components/mui/dist/js/mui.min.js"></script>
		<script src="../bower_components/jquery/dist/jquery.js"></script>
	</head>
	<body>
		<div class="page">
			<div style="height:500px;background:#999"></div>  
			<div id="fixedMenu" style="background:#eee;width:100%;">MENU</div>  
			<div style="height:1900px;background:#999"></div>  
			<script type="text/javascript">  
			    $(function () {  
			        var ie6 = /msie 6/i.test(navigator.userAgent)  
			        , dv = $('#fixedMenu'), st;  
			        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离  
			        $(window).scroll(function () {  
			            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);  
			            if (st >= parseInt(dv.attr('otop'))) {  
			                if (ie6) {//IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果  
			                    dv.css({ position: 'absolute', top: st });  
			                }  
			                else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });  
			            } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });  
			        });  
			    });  
			</script>  
		</div>
	</body>
	<script>
		
	</script>
</html>

